import React, { Component } from 'react'
import { connect } from 'react-redux'
import actions from '../../store/action/home'

class Home extends Component {
    componentDidMount() {
        if(this.props.list.length == 0)
            this.props.getHomeList();
    }
    render() {
        return (
            <div>
                <div>
                    <ul>
                        {this.props.list.map((item, index)=>{
                            return <li key={index}>{item.jinhua}</li>
                        })}
                    </ul>
                </div>
            </div>)
    }
}

Home = connect(
    state => state.home,
    actions
)(Home)
// 此方法是用作异步加载数据的。 用作异步加载数据，放到仓库中。
Home.loadData = function(store){
    // dispatch 方法的返回值，就是派发的 action。 最终 返回的是一个 promise
    return store.dispatch(actions.getHomeList())
}

export default Home;
